<template>
  <div>
    <h1>demo_8</h1>
    <el-row class="demo_8_row">
      <el-col span="10">
        <el-input-number v-model="num1"></el-input-number>
      </el-col>
      <el-col span="2" class="text-center">+</el-col>
      <el-col span="10">
        <el-input-number v-model="num2"></el-input-number>
      </el-col>
      <el-col span="2">
        <el-button @click="addNum">计算</el-button>
      </el-col>
    </el-row>
    结果值：{{ count }}
  </div>
</template>

<script>
import addMix from "../minxs/index";
export default {
  name: "Demo_8",
  mixins: [addMix],
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss">
.demo_8_row {
  display: flex;
  align-items: center;
  .text-center {
    text-align: center;
  }
  .el-input-number {
    width: 100%;
  }
  .el-button {
    margin-left: 10px;
  }
}
</style>
